 <template>
 	<view>
 		<view style="padding: 12px 10px;box-sizing: border-box;" class="w100p">
 			<view class="flex gap18" v-for="(item,index) in list" @click="navigateTo(item.id)" :key="index"
 				style="margin:30rpx;">
 				<view style="width: 30%;height:  45%;background-color: aliceblue;border-radius:50rpx;">
 					<img style=" width: 100%;height: 100%;border-radius: 20rpx;" :src="item.artInfoImageList[0].url" />
 				</view>
 				<view class="flex-column gap8" style="flex-grow: 1;margin-left: 5%;justify-content: space-between;width: 68%;">
 					<text class="font18" style="color: black;font-weight: 600;">{{item.name}}</text>
 					<view style="flex: 1;width: 100%;max-height: 280rpx;overflow: hidden;">
						<text style="color: #9e9e9e;">{{item.artDesc}}</text></view>
 					<view class="flex gap8">
 						<u-icon name="account"></u-icon>
 						<text>{{item.updateUser}}</text>
 						<u-icon name="clock"></u-icon>
 						<text>{{item.updateTime}}</text>
 					</view>
 				</view>
 			</view>
 		</view>
 	</view>
 </template>

 <script>
 	export default {
 		name: "cardItem",
 		props: {
 			list: {
 				type: Array,
 				required: true,
 			},
 		},
 		data() {
 			return {

 			};
 		},
		methods:{
			navigateTo(id){
				console.log("id:", id)
				uni.navigateTo({
					url: '/pages/index/article/article?id=' + id,
				});
			}
		}
 	}
 </script>

 <style>

 </style>